<template>
  <div>
    <!-- <div class="loading" v-if="isShow">
      <img src="../assets/img/ban.gif" alt="">
    </div> -->
    <!-- 视图入口 -->
    <router-view></router-view>
      <!-- 底部tab栏 -->
    <footer-tab></footer-tab>
  </div>
</template>

<script>
import footerTab from '@/components/onionFooter.vue'

export default {
  data(){
     return{
       isShow : true,
     }
  },
  components:{
    footerTab
  },
  created(){
    let timer = setInterval(()=>{
        this.isShow = false;
    },1500)
  }
}
</script>

<style lang="less">
.loading{
   width: 100%;
   height: 300px;
   margin-top: 50%;
   background: palegreen;
   img{
     width: 100%;
     height: 100%;
     display: block;
   }
}
</style>

